.tooltip {

    :global(.ant-tooltip-placement-top) {

        :global(.ant-tooltip-arrow) {
            bottom: 2px !important;
            border-top-color: #282b31 !important;
            border-width: 6px 6px 0 !important;
        }
    }

    :global(.ant-tooltip-placement-topLeft) {

        :global(.ant-tooltip-arrow) {
            bottom: 2px !important;
            border-top-color: #282b31 !important;
            border-width: 6px 6px 0 !important;
        }
    }

    :global(.ant-tooltip-placement-topRight) {

        :global(.ant-tooltip-arrow) {
            bottom: 2px !important;
            border-top-color: #282b31 !important;
            border-width: 6px 6px 0 !important;
        }
    }

    :global(.ant-tooltip-inner) {
        padding: 12px !important;
        min-height: auto !important;
        max-width: 240px !important;
        font-size: 12px !important;
        line-height: 18px !important;
        background: #282b31 !important;
        border-radius: 2px !important;
        word-break: break-all;
    }
}
.icon-tooltip{
    display:inline-block;
    margin-top: -2px;
    vertical-align: middle;
    width:16px;
    height:16px;
    background-image:url("./image/icon-tooltip.png");
    background-repeat:no-repeat;
    background-size:16px 32px;
    background-position:0px 0px;
    &:hover{
        background-position:0px -16px;
        cursor:text;
    }
}